<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
</head>
<style>
    html,body{
        height: 100%;
    }
    body{
       display: flex;
       align-items: center;
       align-content: center;
       justify-content: space-around;
       background-color: #FBF8F8;
    }
    .container{
        background-color: #FBF8F8;
        width: 350px;
        height: 600px;
        color: #CF9797;
    }
    .login{
        color: #CF9797;
        font-size: 50px;
        width: 350px;
        height: 100px;
    }
    .frame{
        background-color: #fffefe;
        border:1px solid #fdf4f4 ;
        border-radius: 10px;
        width: 350px;
        height: 400px;
    }
    .title{
        line-height: 100px;
        text-align: center;
    }
    .blank{
        height: 30px;
    }
    .username{
        font-size: 19px;
        height: 90px;
        display:flex;
        justify-content:center; 
        align-items:center;
    }
    .left{
        width: 110px;
        float: left;
    }
    .right{
        float: left;
    }
    .btn{
        width: 350px;
        height: 100px;
        position: relative;
    }
    .btn-1{
        height: 40px;
        width: 80px;
        position:absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
    }
    .btn-2{
        background-color: #E8CCCC;
        color: #CF9797;
        border: #E8CCCC;
        border-radius: 7px;
        height: 40px;
        width: 80px;
    }
</style>
<body>
    <div class="container">
        <div class="login">
            <div class="title">用户注册</div>
        </div>
        <div class="frame">
		<form action="http://127.0.0.1:8080/user/adduser" method="post">
            <div class="blank"></div>
            <div class="username">
                <div class="left">用户名: </div>
                <div class="right"><input name="username" type="text" method="post"/>
                </div>
            </div>
            <div class="username">
                <div class="left">密码: </div>
                <div class="right"><input name="password" type="password" method="post"/>
                </div>
            </div>
            <div class="username">
                <div class="left">重复密码: </div>
                <div class="right"><input name="repassword" type="password" method="post"/>
                </div>
            </div>
            <div class="btn">
                <div class="btn-1">
				
				<button class="btn-2">注册</button>
				
				</div>
            </div>
        </div>
		</form>
    </div>
</body>
</html>